@<template>
  <div class="detail-goods-params" v-if="Object.keys(goodsParams).length!=0" >
      <table >
          <tr  v-for="(item, index) in goodsParams.rule.tables[0]" :key="index">
              <td>{{item[0]}}</td>
              <td>{{item[1]}}</td>
              <td>{{item[2]}}</td>
              <td>{{item[3]}}</td>
              <td>{{item[4]}}</td>
          </tr>
         
      </table>
      <table>
           <tr v-for="(obj, index) in goodsParams.infos.set" :key="index">
              <td >{{obj.key}}</td><td >{{obj.value}}</td>

          </tr>
      </table>
  </div>
</template>

<script>
export default {
    props: {
        goodsParams: {
            type: Object,
            default: {}
        },
    },
    data(){
        return {
            paramsRule: []
        }
    },
   
   
}
</script>

<style>
.detail-goods-params tr td {
    padding: 10px;

}
.detail-goods-params table {
    width: 100%;
    border-top: 3px solid rgba(0,0,0,.1);


}
.detail-goods-params table:nth-of-type(1) td:nth-of-type(1){
    display: inline-block;
    text-align: left;
    width: 55px;
}
.detail-goods-params table:last-of-type td:nth-of-type(2n-1){
    width: 80px;
}

.detail-goods-params table:last-of-type td:nth-of-type(2n){
    color: deeppink;
}

</style>